<template>
 <div>
  御剑乘风来,除魔天地间!
  <hr/>
  <!-- v-model===>自定义的v-model 跟表单的v-model没有关系 -->
  <!-- 组件和组件之间的双向绑定  一个组件身上的v-model只能使用一次 -->
  <modelCom  v-model="app" @input123="handle"></modelCom>
 </div>
</template>
<script>
import modelCom  from  './model/modelCom.vue'
export default{
    name:'',
    components:{
      modelCom
    },
    data () {
        return {
            app:'我是app的数据'
        }
    },
    created () {
    },
    computed:{
    },
    methods:{
      handle(){
        console.log('handle');
      }
    }
}
</script>
<style lang='less'  scoped>
 
</style>